<template>
  <div>
    <div v-if="isShowMenu">
      <HsMenu></HsMenu>
      <router-view></router-view>
    </div>
    <router-view v-else></router-view>
  </div>
</template>
<script>
import { computed, onMounted, ref } from 'vue';
import { useRoute } from 'vue-router';
import HsMenu from '@/components/HsMenu/HsMenu.vue';
export default {
  components: { HsMenu },
  setup(props) {
    const isHideMenu = ref(false);
    const route = useRoute();
    const isShowFooter = computed(() => {
      return route.meta?.isShowFooter
    })
    const isShowMenu = computed(() => {
      return route.meta?.isShowMenu
    })
    onMounted(() => {
    })
    return {
      isHideMenu,
      isShowMenu,
      isShowFooter
    }
  }
}
</script>
<style scoped></style>
